@font-face{
    font-family: 'rajdhani_semibold';
    src:url("../assets/fonts/Rajdhani-SemiBold.otf");
}
@font-face {
    font-family: 'rajdhani_bold';
    src: url("../assets/fonts/Rajdhani-Bold.otf");
}

h1{
    font-family: 'rajdhani_bold';
    font-size: 64pt;
    line-height: 68px;
    mix-blend-mode: multiply;
}

.logo{
    content: url("../assets/images/LogoShort.svg");
    width: 10%;
    animation: logo-animation;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(0.1, 0.1, 0.1, 1);
    animation-iteration-count: infinite;
}

@keyframes logo-animation{
    25% {
        transform: rotate(-3deg) scale(1.05);
    }
    50% {
        transform: scale(1);
    }
    75%{
        transform: rotate(3deg) scale(1.05);
    }
}